@charset"utf-8";
	*{margin: 0;padding: 0;outline:0;border:0;box-sizing:border-box;}
	body{width:100%;height:100%;overflow: hidden;position: absolute;left:0;right:0;bottom:0;}
	li{list-style: none;}
	.web_bg{width:100%;height:100%;position: absolute;left:0;top:0;z-index: 0;}
	.web_bg img{width:100%;height:100%;display: block;}
	.left_tab{width:70px;height:60%;min-height:420px;background: rgba(0,0,0,0.6);position: absolute;left:-5px;top:20%;border-radius:0.5em;z-index: 1;}
	.left_tab li{width:70px;height:70px;float: left;position: relative;}
	.left_tab li img{width:30px;display: block;position: absolute;left:50%;top:50%;margin-left:-15px;margin-top:-15px;cursor: pointer;}
	.left_tab li img:hover{width:50px;margin-left:-25px;margin-top:-25px;transform:scale(1.2,1.2);}
	.yin_tab{width:1000px;height:70%;max-height:500px;position: absolute;left:200px;top:15%;overflow: hidden;z-index: 1;}
	.yin_tab ul{float:left;width:100px;margin-right:900px;}
	.yin_tab ul li{width:100px;height:100px;float: left;position: relative;border-radius:0.5em;display: block;border:rgba(0,0,0,0) 1px solid;cursor: pointer;}
	.yin_tab ul li:hover{background: #89A6AF;border:#9b9b9b 1px solid;}
	.yin_tab ul li img{width:60px;position: absolute;left:50%;top:10px;margin-left:-30px;}
	.yin_tab ul li span{width:70px;margin-left:15px;margin-top:70px;height:20px;line-height:20px; border: 1px solid #bbb;border-radius:15px;background: rgba(0,0,0,0.3);display: inline-block;text-align: center; font-size:13px; color: #fff;}
	.top_tab{width:200px;height:30px;position: absolute;left:50%;top:20px;margin-left:-100px;background: rgba(0,0,0,0.3);border-radius:0.4em;border:#9b9b9b 1px solid;box-shadow:#666 1px 1px;z-index: 1;}	
	.user{width:30px;height:30px;position: absolute;left:5px;top:-10px;}
	.user img{width:100%;display: block;border-radius:0.3em;}
	.top_tab ul{width:120px;margin-left:40px;}
	.top_tab ul li{width:24px;height:30px;line-height:30px;text-align: center;float: left;color:white;font-weight:bold;border-radius:0.5em;cursor:pointer;}
	.top_tab ul li:first-child{background:url(../images/ico.png) no-repeat;}
	.clearfix{content:"";clear:both;height:0;display: block;overflow: hidden;visibility: hidden;}
	.bottom_tab{width:440px;height:55px;position: absolute;bottom:50px;left:50%;margin-left:-220px;background:url(../images/op.png);}
	.bottom_tab span{width:25px;height:25px;border-radius:50%;background:rgba(255,255,255,0.5);border:5px #e0e0e0 solid; display: block;float: left;margin-left:68px;margin-top:15px;cursor: pointer;z-index: 1;}
	.bottom_tab span:hover{background:rgba(0,0,0,0.5);}
	.bottom_tab span:first-child{background:rgba(0,0,0,0.5);}
	/*.top_tab ul li:hover{background:url(images/ico.png) no-repeat;}*/
/*动画css*/
#mainDiv{width:1100px;height:700px;position:absolute;left:50px;top:5%;z-index: 0;}
#loveHeart{float:left;width:670px;height:625px}
#garden{width:100%;height:100%}
#elapseClock{text-align:right;font-size:18px;margin-top:10px;margin-bottom:10px}
#words{font-family:"sans-serif";width:500px;font-size:24px;color:#666}
#messages{display:none}
#elapseClock .digit{font-family:"digit";font-size:36px}
#loveu{padding:5px;font-size:22px;margin-top:80px;margin-right:120px;text-align:right;display:none}
#loveu .signature{margin-top:10px;font-size:20px;font-style:italic}
#clickSound{display:none}
#code{float:left;width:340px;height:400px;color:#333;font-family:"Consolas","Monaco","Bitstream Vera Sans Mono","Courier New","sans-serif";font-size:12px}
#code .string{color:#2a36ff}
#code .keyword{color:#7f0055;font-weight:bold}
#code .placeholder{margin-left:15px}
#code .space{margin-left:7px}
#code .comments{color:#3f7f5f}
#copyright{margin-top:20px;text-align:center;width:100%;color:#666}
#errorMsg{width:100%;text-align:center;font-size:24px;position:absolute;top:100px;left:0}
#copyright a{color:#666}
.mianban{width:800px;height:500px;display: block; position: absolute;left:50%;top:50%;margin-left:-400px;margin-top:-250px;border-radius:0.3em;background-color:rgba(255,255,255,0.7);overflow: hidden;z-index: 99999;text-align: center;color: #fff;line-height:50px;display: none;}
.mian_top{width:100%;height:50px;background-color: #000;}
.mian_top span{width:30px;height:30px;display: inline-block;float: right;margin-top:10px;}
.mian_top span:nth-child(1){background:url(../images/sprite1_main_png.png) no-repeat 0 -90px;}
.mian_top span:nth-child(2){background:url(../images/sprite1_main_png.png) no-repeat 0 -60px;}
.mian_top span:nth-child(3){background:url(../images/sprite1_main_png.png) no-repeat 0 -0px;}
.mian_top span:nth-child(1):hover{background:url(../images/sprite1_main_png.png) no-repeat 0 -210px;}
.mian_top span:nth-child(2):hover{background:url(../images/sprite1_main_png.png) no-repeat 0 -180px;}
.mian_top span:nth-child(3):hover{background:url(../images/sprite1_main_png.png) no-repeat 0 -120px;}
.zhu_t{width:100%;height:100%;background-color: #fff;border-radius:0.3em;}
.zhu_t iframe{width:100%;height:100%;}
#suoxiao{width:120px;height:40px;position: absolute;bottom:50px;left:200px;background-color: grey ;border-radius:0.3em;display: none;}
#suoxiao span{width:30px;height:30px;display: block;float: left;margin: 5px;}
#suoxiao span:nth-child(1){background:url(../images/sprite1_main_png.png) no-repeat 0 -120px;}
#suoxiao span:nth-child(2){background:url(../images/sprite1_main_png.png) no-repeat 0 -180px;}
#suoxiao span:nth-child(3){background:url(../images/sprite1_main_png.png) no-repeat 0 -210px;}